<template>

<div>
  <top-lump>
    <div class="layui-btn-group">
      <router-link to="/queryStandard">
        <button class="layui-btn">
          <i class="layui-icon">&#xe65c;</i>
        </button>
      </router-link>
        <span class="layui-breadcrumb kgo-top-lump-breadcrumb" lay-separator="#">
          <a># 编程规范</a>
        </span>
    </div>
  </top-lump>
  <info-lump>
      <div class="standard-content-sty">
         <h1>{{thisStandard.name}}</h1>
         <hr>
         <show-article-HTML :html="thisStandard.remark"></show-article-HTML>
      </div>

  </info-lump>

</div>

</template>

<script>
export default {
    data () {
        return {
            thisStandard:{},
        }
    },
   created(){
        var url = this.$store.state.RootURL + "/standard";
        var that = this;
        var standardId = this.$route.params.id;
        $.ajax({
            url: url,
            type:"get",
            async: false,
            dataType:'json',
            data:{id:standardId},
            success: function(data){
               console.log("规范 : "+JSON.stringify(data));
               that.thisStandard = data.data;
            }
        });
   },
   mounted(){
    layui.element.init();
   }
}
</script>

<style lang="scss">
.standard-content-sty{
  height: 100%;
  width: 98%;
  text-align: center;
  padding-top: 20px;
  background-color: #ffffff;
  margin-left: 10px;
}
.standard-content-sty>h1{
  font-weight: 800;
  font-size: 2em;
}
</style>
